@charset "utf-8";
@import "reset";
.kv{
    margin-top: 56px;
    .pagination{
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 1px solid #fff;
        background-color: none;
    }
}
//热门
.hoot{
    width: 100%;
    .hoot_body{
        width: 1000px;
        margin: 0 auto;
        .body1{
        background-image: url(../img/youx3.png);
        background-repeat: no-repeat;
        background-position: left bottom;
        }
        .body2{
            background-image: url(../img/youx13.png);
            background-repeat: no-repeat;
            background-position: right bottom;
            margin-top: 40px;
        }
        .hoot_body_imgs{         
            .hoot_body_img{
                width: 40px;
                height: 100px;
                img{
                    width: 100%;
                }
            }
        }
        .lieren{
            .h1_1{
                text-align: right;
                font-size: 30px;
                font-weight: 400;
                margin-top: 35px;
            }
            .p_1{
                text-align: right;
                width: 100%;
                font-size: 12px;
            }
            .h1_2{
                text-align: left;
                font-size: 30px;
                font-weight: 400;
                margin-top: 35px;
            }
            .p_2{
                text-align: left;
                width: 100%;
                font-size: 12px;
            }
            p{
                line-height: 30px;
            }
            h1{
                margin-bottom: 10px;
            }
            .tupians{
                div{
                    margin-top: 30px;
                }
            }
        }
    }
}
//更多案例
.case{
    width: 100%;
    margin-top: 120px;
    .case_body{
        width: 1000px;
        margin: 0 auto;
        .case_h1{
            font-size: 36px;
        }
        .card{
            border: none;
            margin-top: 20px;
            p{
                text-align: center;
                color: black;
            }
        }
        .card:hover{
            text-decoration: none;
        }
    }
}
@media  only screen and (max-width:414px){
    .hoot{
        padding: 0 2px;
        .hoot_body{
            width: 100%;
            .body1{
                background-image: none;
                margin: 0;
                .lieren{
                    width: 100%;
                    padding: 0 1px;
                    .p_1{
                        font-size: 10px;
                    }
                    .tupians{
                        .imgs{
                            img{
                                width: 100%;
                            }
                        }
                    }
                }
            }
            .body2{
                background-image: none;
                margin: 0;
                .lieren{
                    width: 100%;
                    padding: 0 1px;
                    .p_1{
                        font-size: 10px;
                    }
                    .tupians{
                        .imgs{
                            img{
                                width: 100%;
                            }
                        }
                    }
                }
            }
        }
    }
    .case{
        .case_body{
            width: 100%;
        }
    }
}
